<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
ul{margin:0;padding:0;list-style:none;}
li{width:60px; height:280px; border:1px solid #999; margin-left:-1px;float:left;}
div {height:180px; background:#000;}
.b2 {height:110px;}/*优先级高于div*/
</style>
</head>
<body>
<p>缺点：因为没有去设置白键，所以其颜色就是默认的背景色</p>
<ul>
  <li>
    <div></div>
  </li>
  <li>
    <div class="b2"></div>
  </li>
  <!-- -->
  <li>
    <div></div>
  </li>
  <li>
    <div class="b2"></div>
  </li><li>
    <div></div>
  </li>
  <li>
    <div class="b2"></div>
  </li><li>
    <div></div>
  </li>
  <li>
    <div class="b2"></div>
  </li>
  
</ul>
</body>
</html>
